<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head> 
	<meta name="decorator" content="moduleList"/> 
	<link href="${staticPath}/lib/datetimepicker/0.0.11/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css">
	<link href="${staticPath}/lib/chosen/1.1.0/chosen.min.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="${staticPath}/lib/ztree/3.5/css/zTreeStyle/zTreeStyle.css" type="text/css">
</head>
<body>
	<div class="Report_f">
           <div class="Report_f_1">
                <div class="Report_f_title_1">对话框</div>
                   <ul class="nav nav-tabs Report_f_title_2">
                     <li><a href="#label_1" data-toggle="tab">主数据选择</a></li>
                     <li><a href="#label_2" data-toggle="tab">组织架构选择</a></li>
                   </ul>
                  <!-- Tab panes -->
                  <div class="tab-content Report_f_title_3">
                    <div class="tab-pane active" id="label_1">
                         <div class="Report_f_title_4">
                              <form id="studentForm" action="" method="post" class="form-inline" role="form">
                                    <div class="f_3">
                                        <div class="form-group col-xs-12">
                                             <label for="inputtext3" class="col-lb-1 control-label f_10">区域单选: </label>
                                             <div class="col-sm-10 col-lb-2 f_6">
                                                  <input type="hidden" id="regionId"> 
												<div class="input-group">
											      <input type="text" class="f_5" id="regionName" readonly="readonly">
											      <span class="input-group-btn">
											        <button class="btn btn-default btn_3" id="regionDialog" type="button">
											        	选择
											        </button>
											      </span>
											    </div>
                                             </div>
                                         </div>
                                    </div>
                                    <div class="f_2">
                                        <div class="form-group col-xs-12">
                                             <label for="inputtext3" class="col-lb-1 control-label f_10">区域多选: </label>
                                             <div class="col-sm-10 col-lb-2 f_6">
                                                <input type="hidden" id="regionId2"> 
												<div class="input-group">
											      <input type="text" class="f_5" id="regionName2" readonly="readonly">
											      <span class="input-group-btn">
											        <button class="btn btn-default btn_3" id="regionDialogMultiple" type="button">
											        	选择
											        </button>
											      </span>
											    </div>
                                             </div>
                                         </div>
                                    </div>
                                    <div class="f_2">
                                        <div class="form-group col-xs-12">
                                             <label for="inputtext3" class="col-lb-1 control-label f_10">区域下拉选择: </label>
                                             <div class="col-sm-10 col-lb-2 f_6">
                                                <ossp:select service="selectOneRegionService?regionId=123&parantId=321" value="10003"></ossp:select>
                                             </div>
                                         </div>
                                    </div>
                              </form>
                         </div>
                    </div>
                    <div class="tab-pane" id="label_2">
                         <div class="Report_f_title_4">
                              <form id="studentForm" action="" method="post" class="form-inline" role="form">
                                    <div class="f_3">
                                        <div class="form-group col-xs-12">
                                             <label for="inputtext3" class="col-lb-1 control-label f_10">人员选择: </label>
                                             <div class="col-sm-10 col-lb-2 f_6">
                                                <div class="input-group">
												  <input type="hidden" id="userId"> 
											      <input type="text" class="f_5" id="userName" readonly="readonly">
											      <span class="input-group-btn">
											        <button class="btn btn-default btn_3" id="userDialogMultiple" data-dialog="dialog" data-multiple="true" data-idField="userId" data-nameField="userName" data-authType="USER" type="button">
											        	选择
											        </button>
											      </span>
											    </div>
                                             </div>
                                         </div>
                                    </div>
                                    <div class="f_2">
                                      <div class="form-group col-sm-12">
                                           <label for="inputtext3" class="col-sm-2 control-label f_10">通用岗位单择: </label>
                                           <div class="col-sm-10 f_6">
                                               <input type="hidden" id="generallPostId"> 
											<div class="input-group">
										      <input type="text" class="f_5" id="generallPostName" readonly="readonly">
										      <span class="input-group-btn">
										        <button class="btn btn-default btn_3" id="generallPostDialog" data-multiple="true"  data-dialog="dialog" data-idField="generallPostId" data-nameField="generallPostName" data-authType="GENERAL_POST" type="button">
										        	选择
										        </button>
										      </span>
										    </div>
                                            </div>
                                       </div>
                                    </div>
                                    <div class="f_3">
                                        <div class="form-group col-xs-12">
                                             <label for="inputtext3" class="col-lb-1 control-label f_10">组织多选: </label>
                                             <div class="col-sm-10 col-lb-2 f_6">
                                                <input type="hidden" id="structureId"> 
												<div class="input-group">
											      <textarea class="f_5" id="structureName" readonly="readonly" rows="3"></textarea>
											      <span class="input-group-btn">
											        <button class="btn btn-default btn_3" id="structureDialogMultiple" data-dialog="dialog" data-multiple="true" data-idField="structureId" data-nameField="structureName" data-authType="STRUCTURE" type="button">
											        	选择
											        </button>
											      </span>
											    </div>
                                             </div>
                                         </div>
                                    </div>
                                    <div class="f_2">
                                        <div class="form-group col-xs-12">
                                             <label for="inputtext3" class="col-lb-1 control-label f_10">人员组织多选: </label>
                                             <div class="col-sm-10 col-lb-2 f_6">
                                                <input type="hidden" id="structureUserId"> 
												<div class="input-group">
											      <textarea class="f_5" id="structureUserName" readonly="readonly" rows="3"></textarea>
											      <span class="input-group-btn">
											        <button class="btn btn-default btn_3" id="structureUserDialogMultiple" data-dialog="dialog" data-multiple="true" data-idField="structureUserId" data-nameField="structureUserName" data-authType="ALL" type="button">
											        	选择
											        </button>
											      </span>
											    </div>
                                             </div>
                                         </div>
                                    </div>
                              </form>
                         </div>
                    </div>
				  </div>
				</div>	
		</div>
	<!-- 选择对话框依赖的js -->
	<script src="${staticPath}/lib/ztree/3.5/js/jquery.ztree.all-3.5.js" type="text/javascript"></script>
	<script src="${staticPath}/js/jquery-dialog.js" type="text/javascript"></script>
	<script type="text/javascript">
		function testAfterDetermine(_this){
			alert(_this.options.selectedName);
		}
		$(document).ready(function (){
			//单选对话框
			var opt = {
					service: "selectOneRegionService",
					idField: "regionId",
					nameField: "regionName",
					title: "地区选择对话框",
					callback:{
						afterDetermine:testAfterDetermine
					}
				};
			$("#regionDialog").Dialog(opt);
			//多选对话框
			var opt2 = {
					service: "selectOneRegionService",
					idField: "regionId2",
					nameField: "regionName2",
					multiple: "true",
					title: "地区选择对话框"
				};
			$("#regionDialogMultiple").Dialog(opt2);
		});
	</script>
</body>
</html>